<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--alt 为了解决以前网速慢，可能导致图片加载不出来的情况-->
    <img src="./CDUTOSA-Makrfile1.jpg" alt="图片无法显示时显示的文字">

    <img src="./gcc-compiler-7.1.jpg" title="gcc">

    <!-- height 和 width 了解即可；因为平常在 css 中，规定宽和高-->
    <!--浏览器默认宽高等比例缩放-->
    <img src="./CDUTOSA-Makrfile.jpg" width="100"> 
    <img src="./CDUTOSA-Makrfile.jpg" height="100"> 
    <br>
    src 为属性名，""中内容为属性值 两者加起来为 属性；属性写在尖括号里面，标签名后面
    <br>
    标签名和属性之间用空格隔开，属性之间也要用空格隔开
</body>
</html>